<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap 3, from LayoutIt!</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link href="resources/css/bootstrap.min.css" rel="stylesheet">
<link href="resources/css/style.css" rel="stylesheet">

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
  <![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144"
	href="resources/img/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114"
	href="resources/img/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72"
	href="resources/img/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed"
	href="resources/img/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="resources/img/favicon.png">

<script type="text/javascript" src="resources/js/jquery.min.js"></script>
<script type="text/javascript" src="resources/js/bootstrap.min.js"></script>
<script type="text/javascript" src="resources/js/scripts.js"></script>

</head>

<body>

	<div id="eric_header" class="wpthemeBannerInner">
		<table style="width: 100%">

			<tr>
				<td style="width: 30%"><a href='#'><img
						src="resources/img/logo.png" class="media-object" alt=""></img></a></td>
				<td style="width: 40%">
					<div align="center">

						<p>
							Welcome <label for="ABCDE">ABCDE</label>
					</div>
				</td>
				<td style="width: 30%">
					<div align="right">
						<a href="#">Logout</a>
					</div>
				</td>
			</tr>
			<tr>
				<td colspan="3"><img src="resources/img/color_line.jpg"
					width="100%"></img></td>
			</tr>
		</table>
	</div>
	<br>
	<div class="container">
		<div class="row clearfix">
			<div class="col-md-2 column"></div>
			<div class="col-md-6 column">
				<div id="lotusLoginContent" class="roundborder">

					<form class="lotusForm2 lotusLoginForm" name="LoginForm" action="selectrolelogin"	method="POST">
					<%-- <form:form method="POST" action="home" modelAttribute="command"> --%>
						<h1 class="lotusHeading">Sign in to Resource Portal</h1>
						<br>
						<p class="ichLabeledField">
							<label for="userID">Signum :</label><br> 
							<input type="text" value="${username}" name="username"
								class="lotusText" id="userID" disabled>
						</p>

						<!-- <br>
						<div class="ssoButton">
							<input type="submit" name="login" value="Sign in"
								id="login.button.login" class="eSsoLoginField">
						</div> -->

						<div>
							<hr>
							<table >
								<tr>
									<td>
										<div align="center">


											<%-- <form:select  id="roledropdown" name = "myrole" path="roledropdown">
    											<form:option value="NONE"> --SELECT--</form:option>
    											 <form:options items="${numberList}" itemValue="value" itemLabel="lable"/>
    											<form:options items="${roleList}"></form:options>
    										</form:select> --%>

											<select id="roledropdown" name="myrole">
												<%-- <option value="${selected}" selected>${selected}</option> --%>
												<c:forEach items="${roleList}" var="role">
													<%-- <c:if test="${role != selected}"> --%>
														<option value="${role}">${role}</option>
													<%-- </c:if> --%>
												</c:forEach>
											</select>
										</div>
									</td>
									<td>
										<div class="ssoButton" align="left">
											<input type="submit" name="go" value="Go" id="go"
												class="eSsoLoginField">
										</div>
									</td>
								</tr>
							</table>
						</div>
						<br>
						<hr>

						<p class="ssoFeedback">Your browser version allows only manual
							sign in</p>
					</form>

				</div>
			</div>
			<div class="col-md-4 column"></div>

		</div>


	</div>
	<br>
	<div id="ICH-FOOTER"></div>
</body>
</html>